<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>Your Admin Panel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <!-- jQuery AND jQueryUI -->
    <script type="text/javascript" src="/asserts/js/libs/jquery/1.6/jquery.min.js" th:src="@{/asserts/js/libs/jquery/1.6/jquery.min.js}"></script>
    <script type="text/javascript" src="/asserts/js/libs/jqueryui/1.8.13/jquery-ui.min.js"  th:src="@{/asserts/js/libs/jqueryui/1.8.13/jquery-ui.min.js}"></script>

    <!-- Compressed Version
        <link type="text/css" rel="stylesheet" href="min/b=CoreAdmin&f=css/reset.css,css/style.css,css/jqueryui/jqueryui.css,js/jwysiwyg/jquery.wysiwyg.old-school.css,js/zoombox/zoombox.css" />
        <script type="text/javascript" src="min/b=CoreAdmin/js&f=cookie/jquery.cookie.js,jwysiwyg/jquery.wysiwyg.js,tooltipsy.min.js,iphone-style-checkboxes.js,excanvas.js,zoombox/zoombox.js,visualize.jQuery.js,jquery.uniform.min.js,main.js"></script>
        -->
    <link rel="stylesheet" href="/asserts/css/min.css" th:href="@{/asserts/css/min.css}" />
    <script type="text/javascript" src="js/min.js" th:src="@{/asserts/js/min.js}"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" th:href="@{https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css}">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" th:src="@{https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js}"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js" th:src="@{https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js}"></script>


</head>

<body>

<script type="text/javascript" src="content/settings/main.js"th:src="@{/asserts/content/settings/main.js}"></script>
<link rel="stylesheet" href="content/settings/style.css" th:href="@{/asserts/content/settings/style.css}" />
<form>
    <div class="settings" id="settings">
        <div class="wrapper">
            <div class="grid3">
                <div class="titre">Backgrounds</div>
                <a href="url(css/img/bg.html" class="backgroundChanger active" title="White"></a>
                <a href="url(css/img/dark-bg.html" class="backgroundChanger dark" title="Dark"></a>
                <a href="url(css/img/wood.html" class="backgroundChanger dark" title="Wood"></a>
                <a href="url(css/img/altbg/smoothwall.html" class="backgroundChanger" title="Smoothwall"></a>
                <a href="url(css/img/altbg/black_denim.html" class="backgroundChanger dark" title="black_denim"></a>
                <a href="url(css/img/altbg/carbon.html" class="backgroundChanger dark" title="Carbon"></a>
                <a href="url(css/img/altbg/double_lined.html" class="backgroundChanger" title="Double lined"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Bloc style</div>
                <a href="black.html" class="blocChanger" title="Black"
                   style="background:url(/asserts/css/img/bloctitle.png);"></a>
                <a href="white.html" class="blocChanger active" title="White"
                   style="background:url(css/img/white-title.png);"></a>
                <a href="wood.html" class="blocChanger" title="Wood"
                   style="background:url(css/img/wood-title.jpg);"></a>
                <div class="clear"></div>
            </div>
            <div class="grid3">
                <div class="titre">Sidebar style</div>
                <a href="grey.html" class="sidebarChanger active" title="Grey" style="background:#494949"></a>
                <a href="black.html" class="sidebarChanger" title="Black" style="background:#262626"></a>
                <a href="white.html" class="sidebarChanger" title="White" style="background:#EEEEEE"></a>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <a class="settingbutton" href="#">

        </a>
    </div>
    <!--
            HEAD
                    -->
    -->
    <div id="head">
        <div class="left">
            <a href="#" class="button profile"><img th:src="@{/asserts/img/icons/top/huser.png}" alt="" /></a>
            Hi,
            <a href="#">John Doe</a>
            |
            <a href="#">退出</a>
        </div>
        <div class="right">
            <form th:action="@{/manager/listui}" id="search" class="search placeholder">
                <label>查询</label>
                <input type="text" value="" name="manager_name" class="text" />

                <input type="submit" value="rechercher" class="submit" />
            </form>
        </div>
    </div>


    <!--
                            SIDEBAR
                                     -->
    <div id="sidebar">
        <ul>
            <li>
                <a th:href="@{/manager/toindex}">
                    <img th:src="@{/asserts/img/icons/menu/inbox.png}" alt="" />
                    系统首页
                </a>
            </li>
            <li class="current"><a href="#"><img th:src="@{/asserts/img/icons/menu/layout.png}" alt="" /> 图片管理</a>
                <ul>


                    <li><a th:href="@{/imagetype/getallimagetype}">类别信息</a></li>
                    <li><a th:href="@{/image/getallimage}">图片信息</a></li>

                </ul>
            </li>
            <li><a href="#"><img th:src="@{/asserts/img/icons/menu/brush.png}" alt="" />用户管理</a>
                <ul>
                    <li><a th:href="@{/user/getalluser}">用户信息</a></li>

                </ul>
            </li>
            <li><a href="#"><img th:src="@{/asserts/img/icons/menu/brush.png}" alt="" /> 员工管理</a>
                <ul>
                    <li><a th:href="@{/manager/tableui}">员工信息</a></li>
                    <li><a th:href="@{/manager/toupdpwd}" class="zoombox w450 h700">修改密码</a></li>


                    </li>
                </ul>
            </li>
            <li class="nosubmenu"><a th:href="@{/manager/tomodal}" class="zoombox w450 h700"><img
                    th:src="@{/asserts/img/icons/menu/lab.png}" alt="" />系统管理</a>
            </li>
            <li class="nosubmenu"><a th:href="@{/manager/tomodal}" class="zoombox w450 h700"><img
                    th:src="@{/asserts/img/icons/menu/comment.png}" alt="" /> 消息管理</a></li>
        </ul>


    </div>


        <!--            
              CONTENT 
                        -->
    <div class="panel panel-default" style="width: 70%;margin: 20px auto">
        <div class="panel-heading">管理员信息查询</div>
        <div class="panel-body">
            <form method="post" th:action="@{/manager/listui}" class="form-inline">
                管理员名称： <input type="text" name="manager_name" class="form-control" th:value="${qb.manager_name}"/>
                状态：
                <select name="manager_status" class="form-control">
                    <option value="">请选择状态</option>
                    <option value="正常" th:selected="${qb.manager_status=='正常'}">正常</option>
                    <option value="停用" th:selected="${qb.manager_status=='停用'}">停用</option>
                </select>
                <button type="submit" class="btn btn-info">查询</button>

            </form>
        </div>
    </div>

    <table class="table table-bordered table-hover table-striped table-condensed" style="width: 70%;margin: 20px auto">
        <thead>
        <tr>
            <th>管理员id</th>
            <th>管理员名称</th>
            <th>管理员角色</th>
            <th>管理员状态</th>
        </tr>
        <tbody>
        <!--循环展示管理员
        ${pb.list}:相当于掉用法了pageInfo类型对象的getList方法
        -->

        <tr th:each="manager:${pb.list}">
            <td th:text="${manager.manager_id}"></td>
            <td th:text="${manager.manager_name}"></td>
            <td th:text="${manager.manager_role}"></td>
            <td th:text="${manager.manager_status}"></td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="4" align="center">
                <ul class="pagination">
                    <li><a th:href="@{/manager/listui(currentPage=${pb.pageNum-1})}">&laquo;</a></li>
                    <!--1 2 3 4 5 应该循环查询pages:总页码
                     url传值： /mananer/listui?currentPage=1
                    -->

                    <li  th:class="${pb.pageNum==i?'active':''}" th:each="i:${#numbers.sequence(1,pb.pages)}"><a th:href="@{/manager/listui(currentPage=${i})}" th:text="${i}"></a></li>

                    <li><a th:href="@{/manager/listui(currentPage=${pb.pageNum+1})}">&raquo;</a></li>
                </ul>

            </td>

        </tr>





        </tfoot>
    </table>



    <script type="text/javascript" th:src="@{/asserts/js/jquery-1.12.3.min.js}"></script>
    <script type="text/javascript" th:src="@{/asserts/js/bootstrap.min.js}"></script>

</form>
</body>

</html>